<aside class="main-sidebar">
  <!-- sidebar: style can be found in sidebar.less -->
  <section class="sidebar" style="height: auto;">
    <!-- Sidebar user panel -->
    <div class="user-panel">
      <div class="pull-left image">
        <img src="assets/img/user2-160x160.jpg" class="img-circle" alt="User Image">
      </div>
      <div class="pull-left info">
        <p>阳阳爱媛媛</p>
        <a href="javascript:;">
          <i class="fa fa-circle text-success"></i> Online</a>
      </div>
    </div>
    <!-- search form -->
    <form method="get" class="sidebar-form">
      <div class="input-group">
        <input name="q" class="form-control" placeholder="Search..." type="text">
        <span class="input-group-btn">
          <button type="submit" name="search" id="search-btn" class="btn btn-flat">
            <i class="fa fa-search"></i>
          </button>
        </span>
      </div>
    </form>
    <!-- /.search form -->
    <!-- sidebar menu: : style can be found in sidebar.less -->
    <ul class="sidebar-menu tree" data-widget="tree">
      <li class="header">links</li>
      <li >
        <a routerLink="/today" routerLinkActive="bg-green" [routerLinkActiveOptions]="{exact:true}">
          <i class="fa fa-dashboard"></i>
          <span>今日消费</span>
        </a>
      </li>
      <li>
        <a routerLink="/history" routerLinkActive="bg-green" [routerLinkActiveOptions]="{exact:true}">
          <i class="fa fa-dashboard"></i>
          <span>历史记录</span>
        </a>
      </li>
      <li>
        <a routerLink="/statistics">
          <i class="fa fa-circle-o text-red"></i>
          <span>数据统计</span>
        </a>
      </li>
    </ul>
  </section>
  <!-- /.sidebar -->
</aside>